﻿<!DOCTYPE html>
<html>
<head>
<title>JsRender: Demos</title>
<link href="resources/demos.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div class="subhead"><< <a href="index.html">Index for JsRender and JsViews</a></div>

<h2>JsRender: Demos</h2>

<h3>JsRender - step-by-step samples</h3>

<ul class="indexitems">
	<li><a href="step-by-step/01_inserting-data.html">Inserting data values</a></li>
	<li><a href="step-by-step/02_compiling-templates-from-strings.html">Compiling templates from strings</a></li>
	<li><a href="step-by-step/03_no-encoding.html">{{: }} and {{> }}</a></li>
	<li><a href="step-by-step/04_if-else-tag.html">{{if}} and {{else}}</a></li>
	<li><a href="step-by-step/05_for-tag.html">{{for}}</a></li>
	<li><a href="step-by-step/06_template-composition.html">Template composition</a></li>
	<li><a href="step-by-step/07_paths.html">Accessing paths</a></li>
	<li><a href="step-by-step/08_custom-tags.html">Custom tags</a></li>
	<li><a href="step-by-step/09_helper-functions.html">'Helper' functions</a></li>
	<li><a href="step-by-step/10_comparison-tests.html">Comparison tests</a></li>
	<li><a href="step-by-step/11_layout-templates.html">Layout templates</a></li>
	<li><a href="step-by-step/20_without-jquery.html">JsRender without jQuery</a></li>
</ul>

<h3>JsRender - scenario examples</h3>

<ul class="indexitems">
	<li><a href="scenarios/01_default-values-scenario.html">'Default values' scenario</a></li>
	<li><a href="scenarios/02_separators-scenario.html">'Separators' scenario</a></li>
	<li><a href="scenarios/03_iterating-through-fields-scenario.html">'Iterating through fields' scenario</a></li>
	<li><a href="scenarios/04_assigning-variables-scenario.html">'Assigning variables' scenario</a></li>
</ul>
</body>
</html>
